/* 此css在最后引入，会覆盖之前引入的css */

/* div外框，帮助开发 */


#garden {
    display: grid;
    grid-template: 1fr 800px 1fr / 20% 80%;
}

header {
    border: 2px dashed red;
    grid-column: 1/3;
    grid-row: 1;
}

footer {
    border: 2px dashed red;
    grid-column: 1/3;
    grid-row: 3;
}

aside {
    border: 2px dashed red;
    grid-column: 1;
    grid-row: 2;
}
div {
    border: 1px dashed green;
}
main {
    border: 2px dashed red;
    grid-column: 2;
    grid-row: 2;
}

.flex_row {
    display: flex;
    flex-wrap: wrap;
}

body {
    color:brown;
    text-align: center;
    background-image: url("../img/bg2.jfif");
    background-repeat: no-repeat;
    background-size: 100%;
}

li{
    color: green;
}

